<template>
  <input type="checkbox" class="toggle" v-model="value" />
</template>
<script setup lang="ts">
import { useVModel } from "@vueuse/core";
interface Props {
  modelValue?: boolean;
}
const props = defineProps<Props>();
const emit = defineEmits<{
  "update:modelValue": [value: boolean];
}>();

const value = useVModel(props, "modelValue", emit);
</script>
